@charset "UTF-8";
body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td,
menu {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

ul,
dl,
ol {
  list-style: none; }

img,
fieldset,
input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

strong {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button,
input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a,
button,
input,
img {
  -webkit-touch-callout: none; }

img {
  /*pointer-events:none;*/
  /*禁止图片的点击事件，例如长按保存图片*/ }

input,
select,
textarea {
  outline: none; }

a {
  text-decoration: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both; }

.clearfix::after {
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .clearfix::after .clear_fix::after {
    content: "";
    display: block;
    clear: both; }
  .clearfix::after html,
  .clearfix::after body {
    /*禁止用户选择元素*/
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    /*禁止元素点击出现半透明黑色背景*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .clearfix::after html {
    width: 100%;
    font-family: 'Heiti SC', 'Microsoft YaHei';
    outline: 0;
    -webkit-text-size-adjust: none; }
  .clearfix::after body {
    margin: 0;
    position: relative; }
  .clearfix::after .clearFix:after {
    content: "";
    display: block;
    clear: both; }

html {
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  outline: 0;
  -webkit-text-size-adjust: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

html {
  font-size: 170.66px; }

* {
  margin: 0;
  padding: 0; }

body {
  background-color: #f7f7f7;
  margin-bottom: 0.46877rem; }
  body button {
    outline: none; }

header {
  border-bottom: 0.00586rem solid #c1c1c1; }
  header .container {
    display: flex;
    width: 100%;
    height: 0.51565rem;
    font-size: 0px; }
    header .container .item {
      font-size: 0.20509rem; }
      header .container .item button {
        outline: none;
        width: 0.12891rem;
        height: 0.21681rem;
        font-size: 0.23438rem;
        background-color: #f7f7f7;
        color: #848689; }
    header .container .item:first-of-type {
      margin-top: 0.15235rem;
      margin-left: 0.16993rem; }
    header .container .item:nth-of-type(2) {
      margin-top: 0.15821rem;
      margin-left: 1.14848rem;
      color: #333333; }
    header .container .item:last-of-type {
      margin-top: 0.15821rem;
      margin-left: 0.64456rem; }
      header .container .item:last-of-type button {
        color: #666666;
        font-size: 0.16407rem;
        width: 100%; }

.pink_logo {
  width: 0.73245rem;
  height: 0.72659rem;
  font-size: 0;
  position: absolute;
  left: 1.50006rem;
  top: 0.82034rem; }
  .pink_logo img {
    width: 100%;
    height: 100%; }

section {
  margin-top: 1.39459rem; }
  section .box_sec .Reason {
    height: 0.5508rem;
    background-color: #FFFFFF;
    border-top: 0.00586rem solid #e1e2e4;
    display: flex;
    font-size: 0;
    align-items: center; }
    section .box_sec .Reason p {
      font-size: 0.15235rem;
      margin-left: 0.17579rem; }
    section .box_sec .Reason input[type="text"] {
      font-size: 0.15235rem;
      height: 0.18751rem;
      border: 0;
      margin-top: 0.04688rem;
      margin-left: 0.45119rem; }
  section .box_sec .receivablesBtn_div {
    margin-left: 0.22852rem; }
    section .box_sec .receivablesBtn_div .receivablesBtn {
      width: 3.28138rem;
      height: 0.46877rem;
      background-color: #cc3333;
      color: #FFFFFF;
      font-size: 0.20509rem;
      border-radius: 0.04688rem; }
  section .msg-box {
    width: 1.45904rem;
    height: 1.07231rem;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    text-align: center;
    position: absolute;
    left: 1.14262rem;
    top: 30%;
    border-radius: 0.10547rem;
    font-size: 0;
    padding: 0.17579rem;
    display: none; }
    section .msg-box .msg-img {
      margin-bottom: 0.08789rem; }
      section .msg-box .msg-img img {
        width: 0.40431rem;
        height: 0.40431rem; }
    section .msg-box > p {
      font-size: 0.16407rem; }

footer .Explain {
  margin-left: 1.47076rem;
  margin-bottom: 2.46103rem;
  font-size: 0; }
  footer .Explain p a {
    font-size: 0.11719rem; }

.QR_code_bg {
  width: 100%;
  height: 100%;
  background-color: #555556;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.8;
  display: none; }

.bg_white_bg {
  background-color: #ffffff;
  position: absolute;
  width: 3.19348rem;
  height: 4.10172rem;
  top: 1.05473rem;
  left: 0.28126rem;
  font-size: 0;
  display: none; }
  .bg_white_bg .code {
    width: 1.57037rem;
    height: 1.57037rem;
    margin-top: 0.3047rem;
    margin-left: 0.81448rem; }
    .bg_white_bg .code img {
      width: 100%;
      height: 100%; }
  .bg_white_bg .number_money {
    margin-left: 1.26567rem;
    margin-top: 0.11719rem; }
    .bg_white_bg .number_money p:first-of-type {
      font-size: 0.21095rem;
      color: #888888; }
    .bg_white_bg .number_money p:last-of-type {
      margin-top: 0.03516rem;
      font-size: 0.11719rem;
      color: #888888; }
  .bg_white_bg .button_two {
    margin-left: 0.10547rem;
    margin-top: 0.42189rem; }
    .bg_white_bg .button_two button {
      font-size: 0.17579rem;
      width: 2.9591rem;
      height: 0.46877rem;
      border-radius: 0.04688rem; }
    .bg_white_bg .button_two button:first-of-type {
      background-color: #0aba07;
      border: 0.00586rem solid #039c00;
      color: #FFFFFF; }
    .bg_white_bg .button_two button:last-of-type {
      background-color: #f4f5f6;
      margin-top: 0.11133rem;
      border: 0.00586rem solid #b7b7b7;
      color: #666666; }
